<template>
   
        <div class="lunbotu">
            <van-swipe class="my-swipe"  :autoplay="2000" indicator-color="white">
                <van-swipe-item v-for="item in lunbotu" :key="item.id">
                    <img :src="item.img" :class="isfull?'img-full':'img-normal'">
                </van-swipe-item>
            </van-swipe>         
        </div>
    
</template>
<script>
    export default {
        data() {
            return {

            }
        },

        methods: {

        },
        props: ['lunbotu', "isfull"]
    }
</script>
<style lang="scss">
    .lunbotu {
        .my-swipe {
            height: 220px;
            .van-swipe-item {
                text-align: center;
                .img-full {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                .img-normal {
                    height: 100%;
                    width: auto;
                }
            }
        }
    }
</style>